ModernWeb'20 隨筆


Posted by JingTeng on 2020-10-28

ModernWeb'20 今年是以免費的方式在網路上直播,首次線上直播日期為 10/12~10/16。從朋友分享得知這個活動時已經錯過幾天了,還好之後有機會釋出重播影片。

先記下幾個覺得有收穫的分享

1. GraphQL X HASURA

10/14 前端也能當全端?!用 GraphQL 直接串到 PostgreSQL
徐愷, KOLABLE CTO & Co-founder

kk 講師分享 HASURA 這個資料庫服務,讓前端工程師可以用 Heroku 快速建立自己的 GraphQL DB。
另外 Hasura 也能透過其他服務幫你解決一些原本應該只有後端才能做的事,例如驗證、event trigger、action。
最後是 JAM stack 的概念。

2. JavaScript loading speed optimization

10/16 你的 JS 該減肥了!5個提升網頁載入速度的技巧
趙勗博, 歐姆雷特資深前端工程師

勗博講師分享過去執行最佳化的經驗,從 JS blocks, sode splitting 到五個使用過的最佳化的方法:

  • 使用 webpack-bundle-analyzer,拆分出 vendor bundle
  • Dynamic Loading: 根據路徑做 dynamic import, 對肥⼤第三⽅套件作 dynamic import
  • 使⽤ tree shaking 移除沒⽤到的程式碼
  • 熱⾨第三⽅套件使⽤ CDN 版本
  • 使⽤ preset-env 減少 Polyfill 體積

有些有興趣的議題沒有聽到,像是 AMP 和 PWA,之後如果有機會還會回來補這一篇!










Related Posts

Day 01 七天學會基本演算法(一)踏入演算法學習前應該了解的資料結構

Day 01 七天學會基本演算法(一)踏入演算法學習前應該了解的資料結構

What Type of Laser Engraving Machine Should be Used for Stainless Steel Engraving?

What Type of Laser Engraving Machine Should be Used for Stainless Steel Engraving?

第七週報名表單檢討

第七週報名表單檢討


Comments